body {
  padding: 2em;
}

.pie-element, .rounded, .gradient {
  behavior: url("/stylesheets/PIE.htc");
  position: relative;
}

button {
  padding: 2em;
}

.rounded {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.gradient {
  background: url('');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #333333));
  background: -moz-linear-gradient(#aaaaaa, #333333);
  background: -webkit-linear-gradient(#aaaaaa, #333333);
  background: linear-gradient(#aaaaaa, #333333);
}

.pie-container, .widget {
  z-index: 0;
  position: relative;
}

.z-pie-element, .widget h3 {
  behavior: url("/stylesheets/PIE.htc");
  z-index: 0;
}

.has-gradient {
  behavior: url("/stylesheets/PIE.htc");
  position: relative;
  background: url('');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #0000ff));
  background: -moz-linear-gradient(#ff0000, #0000ff);
  background: -webkit-linear-gradient(#ff0000, #0000ff);
  background: linear-gradient(#ff0000, #0000ff);
}
